import React, { FC, memo } from 'react';
import styles from './minerDtCard.module.less';

interface IMinerDtCardProps {
  title: string;
  children: React.ReactNode;
  footer?: React.ReactNode;
}

const MinerDtCard: FC<IMinerDtCardProps> = (props) => {
  return (
    <div className={styles.minerDtCard}>
      <div className={styles.minerDtTitle}>{props.title}</div>
      <div className={styles.minerDtBody}>
        {props.children}
        {props.footer}
      </div>
    </div>
  );
};

export default memo(MinerDtCard);
